//定义混入 , 提前定义的样式, 谁用就用@include导入
//&表示当前元素
//类选择器:
//1,两个类之间有空格,表示的是这两个元素是兄弟关系
//2,两个类之间没有空格,表示的是同一个元素中,存在这两个类名
@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar {
  &::-webkit-scrollbar-track-piece {
    background: #d3dce6;
  }

  &::-webkit-scrollbar {
    width: 6px;
  }

  &::-webkit-scrollbar-thumb {
    background: #99a9bf;
    border-radius: 20px;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}
